<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>主页</title>
</head>
<style>
    table>tr>td{
        width: 150px;
        margin: auto;
    }
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<body>
<script>
    $(function () {
        //编写监听事件
        $("#apwdInput").blur(function (){
            //使用ajax把用户名和密码传到后台进行校验
            $.post("./check", {"aid":$("#aidInput").val(),"apwd":$("#apwdInput").val(),"method":"getCheckAccount"}).done(function (res){
                if (eval(res)){
                    $("#pwdMsg").text("√")
                    $("#pwdMsg").css({"color":"green"})
                    $("#pwdMsg").addClass("success").removeClass("error");
                }else {
                    $("#pwdMsg").text("X")
                    $("#pwdMsg").css({"color":"red"})
                    $("#pwdMsg").addClass("error").removeClass("success");
                }

            })

        });
    })

    //***********校验金额**************
    $(function () {
        //编写监听事件
        $("#moneyInput").blur(function () {
            $.post("./check", {"aid":$("#aidInput").val(),"money":$("#moneyInput").val(),"method":"getCheckMoney"}).done(function (res){
                if (eval(res)){
                    $("#moneyMsg").text("√")
                    $("#moneyMsg").css({"color":"green"})
                    $("#moneyInput").addClass("success").removeClass("error")
                }else {
                    $("#moneyMsg").text("X")
                    $("#moneyMsg").css({"color":"red"})
                    $("#moneyMsg").addClass("error").removeClass("success");
                }

            })

        })
    })

    //***********校验收款人的账户信息**************
    $(function () {
        //编写监听事件
        $("#inUnameInput").blur(function () {
            $.post("./check", {"inAid":$("#inAidInput").val(),"inUname":$("#inUnameInput").val(),"method":"getCheckInAccount"}).done(function (res){
                if (eval(res)){
                    $("#inMsg").text("√")
                    $("#inMsg").css({"color":"green"})
                    $("#inMsg").addClass("success").removeClass("error")
                }else {
                    $("#inMsg").text("X")
                    $("#inMsg").css({"color":"red"})
                    $("#inMsg").addClass("error").removeClass("success");
                }

            })

        })
    })
    //***********点击开始转账按钮进行转账操作**************
    $(function () {
        $("#btn").click(function (){
            var length = $(".success").length;
            if (length === 3){
                $("#updateForm").submit()
            }else {
                alert("请核对表单信息")
            }

        });
    })


</script>
<div style="width: 500px;margin: auto">
    <h1 align="center">转账系统管理页面</h1>
    <c:if test="${sessionScope.user == null}">
        <h2>用户未<a href="login.jsp">登录</a></h2>
    </c:if>
    <c:if test="${sessionScope.user != null}">
        <h2>欢迎<font style="color: #46ff00">${sessionScope.user.uname}</font>进入系统</h2>
    </c:if>
    <div style="width: 390px;margin: auto">
        <form id="updateForm" action="./updateMoney" method="post" >
            <table style="width: 380px" cellspacing="20px">
                <tr>
                    <td>转账账户</td>
                    <input type="hidden" name="aid" value="${sessionScope.account.aid}"/>
                    <td><input id="aidInput" type="text" name="" value="${sessionScope.account.aid}" disabled/></td>
                </tr>
                <tr>
                    <td>转账账户密码</td>
                    <td>
                        <input id="apwdInput" type="password" name="apwd" value="" />
                        <span id="pwdMsg"></span>
                    </td>
                </tr>
                <tr>
                    <td>转账金额</td>
                    <td>
                        <input id="moneyInput" type="number" min="0" name="money" value="">
                        <span id="moneyMsg"></span>
                    </td>
                </tr>
                <tr>
                    <td>收款账号</td>
                    <td><input id="inAidInput"  type="text" name="inAid" value=""></td>
                </tr>
                <tr>
                    <td>收款人姓名</td>
                    <td>
                        <input id="inUnameInput" type="text" name="inUname" value="">
                        <span id="inMsg"></span>
                    </td>
                </tr>
                <tr>
                    <td rowspan="2">
                        <button id="btn" type="button">开始转账</button>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>
